<template lang='pug'>
.title
  .left-icon
    span.icon-fanhui-.iconfont(@click="goto")
    h3 {{title}}
</template>
 
<script>
export default {
  props:['title'],
  name: "vueName",
  data() {
    return {
      msg: "Welcome to your vueName",
    };
  },
  methods:{
    goto(){
      this.$router.back()
    }
  }
};
</script>
 
<style scoped lang="sass">
.title
  height: .44rem
  background: #fff
  border-bottom: 0.5px solid #ccc
  padding: 0 .1rem
  .left-icon
    display: flex
    position: relative
    justify-content: space-between
    line-height: .44rem
    span
      height: .44rem
      color: E55353
    h3
      position: absolute
      height: .44rem
      left: 50%
      line-height: .44rem
      transform: translateX(-50%)
      font-weight: bold
</style>